---
title: Error Card
description: A convenience card for displaying error messages.
component: ErrorCard
---

<LiveComponent language="tsx">
{`
  import { ErrorCard } from "@pipecat-ai/voice-ui-kit";

  <ErrorCard>
    An error occurred
  </ErrorCard>
`}
</LiveComponent>

<TypeTable
  className="text-sm"
  type={{
    title: {
      description: "Header title for the error",
      type: "string",
      required: false,
      default: '"An Error Occurred"',
    },
    noHeader: {
      description: "Whether to hide the header",
      type: "boolean",
      required: false,
      default: "false",
    },
    icon: {
      description: "Optional icon element",
      type: "React.ReactNode",
      required: false,
      default: "<InfoIcon />",
    },
    classNames: {
      description: "Optional class overrides for header, title, and content",
      type: '{ header?: string; title?: string; content?: string }',
      required: false,
      default: "{}",
    },
  }}
/>